<template>
  <el-dialog
    :modelValue="isShowDeleteDialog"
    :title="multiLanguages('delete_selected_data')"
    width="20%"
    align-center
    :show-close="false"
    @close="closeDialog"
  >
    <span>{{ description }}</span>
    <template #footer>
      <span class="dialog-footer">
        <StepButton
          :multiLanguages="multiLanguages"
          :showButtons="['cancel', 'confirm']"
          @close-event="closeDialog"
          @confirm-event="confirm"
        />
      </span>
    </template>
  </el-dialog>
</template>
<script setup lang="ts">
import { ref } from "vue";
import StepButton from "../common/stepButton.vue";
const props = defineProps<{
  multiLanguages: any;
  isShowDeleteDialog: boolean;
  description: string;
}>();
const emits = defineEmits(["update:isShowDeleteDialog"]);
const closeDialog = () => {
  emits("update:isShowDeleteDialog", false);
};
const confirm = () => {
  emits("update:isShowDeleteDialog", false);
};
</script>
<style scoped lang="less">
.container_wrap {
  width: 100%;
  height: 100%;
  background-color: teal;
}
</style>
